//JS
layui.use(["element", "layer", "util"], function () {
    var element = layui.element,
        layer = layui.layer,
        util = layui.util,
        $ = layui.$;

    // // 展示面包屑导航
    // function renderBreadCrumb() {
    //     // 将当前的锚点链接和 data-path 匹配
    //     var fregment = location.hash.substr(1);

    //     $('a[data-path^="/"]').each((index, item) => {
    //         // 找到对应的 a 标签
    //         if (item.dataset.path === fregment) {
    //             console.log(item);
    //             // 判断有没有父级菜单
    //             var parentNodeName = $(item).parent()[0].nodeName;
    //             if (parentNodeName === "DD") {
    //                 // 有父级菜单，创建面包屑
    //                 // 父级菜单的文字信息
    //                 var parentTitle = $(item)
    //                         .parents("dl")
    //                         .prev()
    //                         .text()
    //                         .trim(),
    //                     selfTitle = $(item).text().trim();
    //                 var breadCrumb = `
    //                                     <a>${parentTitle} / </a>
    //                                     <a><cite>${selfTitle}</cite></a>
    //                                 `;
    //             } else {
    //                 // 没爹
    //                 var selfTitle = $(item).text().trim();
    //                 var breadCrumb = `
    //                                     <a><cite>${selfTitle}</cite></a>
    //                                 `;
    //             }
    //             $(".layui-breadcrumb").html(breadCrumb);
    //         }
    //     });
    // }

    // 匹配所有写了路径的a标签
    $('a[data-path^="/"]').on("click", function (e) {
        console.log(e.target.innerText);
        document.querySelector(".current-page").innerText =
            e.target.innerText.trim();
        location.hash = `${this.dataset.path}`;
        $.ajax({
            type: "get",
            url: "../pages" + this.dataset.path + ".html",
            success: function (data) {
                $(".lay-content").html(data);
            },
        });
    });

    // 如果页面一开始就有锚点链接，立即加载
    if (location.hash) {
        $.ajax({
            type: "get",
            url: "../pages" + location.hash.substr(1) + ".html",
            success: function (data) {
                // 回显菜单栏的高亮
                for (
                    var i = 0; i < $('a[data-path^="/"]').length; i++
                ) {
                    if (
                        $('a[data-path^="/"]')[i].dataset.path ===
                        location.hash.substr(1)
                    ) {
                        $('a[data-path^="/"]')[
                            i
                        ].parentElement.classList.add("layui-this");
                        // 利用 a 的点击事件往上冒泡，触发li的点击事件
                        // 会引起刷新发送两次请求的情况
                        // $('a[data-path^="/"]')[i].click();
                        document.querySelector(
                            ".current-page"
                        ).innerText =
                            $('a[data-path^="/"]')[
                                i
                            ].innerText.trim();
                        $($('a[data-path^="/"]')[i])
                            .parents("li.layui-nav-item")
                            .addClass("layui-nav-itemed");
                    } else {

                    }
                }

                // 回显内容
                $(".lay-content").html(data);
            },
        });
    } else {
        var defaultPath = $('a[data-path^="/"]')[0].dataset.path;
        $.ajax({
            type: "get",
            url: "../pages" + defaultPath + ".html",
            success: function (data) {
                $('a[data-path^="/"]')[0].click();
                // 回显内容
                $(".lay-content").html(data);
            },
        });
    }
});

$('.outLogin').on('click', function () {
    layui.layer.confirm('您确定要退出吗？', {
        icon: 3,
        title: '提示'
    }, function (index) {
        location.href = '../login.html'
        layui.layer.close(index)
    })
})
